<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      template="/resources/templates/navegacionTemplate.xhtml">
    <ui:define name="cabecera">
        <title>Foroweb-EMR</title>
    </ui:define>
    <ui:define name="tabla">
            <p:dataTable value="#{welcomeController.secciones}" var="sc" style="font: 16px sans-serif">
                <f:facet name="header">
                    <h:form style="text-align: right;width: 100%">
                        <h:link value="Buscar" outcome="resulBusqueda"/>
                    </h:form>
                </f:facet>
                <p:column headerText="Sección">
                    <b><h:link value="#{sc.nombre}" outcome="listHilos?nseccion=#{sc.nombre}" style="font-size: 20px"/></b>
                    <br/><h:outputText value="#{sc.descripcion}" style="font-size: 14px"/>
                </p:column>
                <p:column headerText="Hilos" style="text-align: center">
                    <h:outputText value="#{welcomeController.obtenerNumeroHilos(sc)}" style="font-size: 14px"/>
                </p:column>
                <p:column headerText="Último mensaje" style="text-align: center">
                    <h:outputText value="#{welcomeController.as.obtenerFechaUltimoMensaje(sc)}" style="font-size: 14px">
                        <f:convertDateTime pattern="EE dd/MM/yyyy - HH:mm (+01)"/>
                    </h:outputText>
                </p:column>
                <p:column headerText="Moderadores">
                    <h:outputText value="#{welcomeController.obtenerModeradores(sc)}" style="font-size: 14px"/>
                </p:column>
                <f:facet name="footer">
                    <h:form/>
                </f:facet>
            </p:dataTable>
    </ui:define>
</ui:composition>
